
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看产品</title>
    <link rel="stylesheet" href="/resources/layui/css/layui.css" media="all">
    <script src="/resources/layui/layui.js"></script>
</head>
<body>

<table id="demo" lay-filter="test"></table>

</body>
</html>
<script>
    layui.use('table', function(){
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#demo'
            ,url: 'http://localhost:8888/yeweu/list' //数据接口
            ,page: true //开启分页
            ,toolbar:"#toolbarDemo"
            ,cols: [[ //表头
                {field:'hello',type:'checkbox'}
                ,{field: 'hpName', title: '产品'}
                ,{field: 'hpCount', title: '件数' }
                ,{field: 'daoda', title: '城市'}
                ,{field: 'hpZhongliang', title: '重量'}
                ,{field: 'khName', title: '寄件人姓名'}
                ,{field: 'shPhone', title: '寄件人电话'}
                ,{field: 'shName', title: '收件人姓名'}
                ,{field: 'shPhone', title: '收件人电话'}
                ,{field: 'address', title: '收件人地址'}
                ,{field: 'qDeta', title: '预约取件时间'}
            ]]
            ,limit:5
        });

        //监听行内的工具条
        table.on('tool(dingdanTable)',function (obj) {
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            switch(layEvent){
                case "updates":
                    $.get('add.html',function (data) {
                        layer.open({
                            title: '修改信息',
                            type:1,
                            anim:2,
                            skin:'layui-layer-molv',
                            area:'500px',
                            content:data,
                            maxmin:true,
                            btn : ['确定','取消'],
                            yes : function (index) {
                                var str= $("#add_user_form").serialize();
                                $.get("http://localhost:8888/role/add",str,function(d){
                                    layer.close(index);
                                    table.reload("roleTable");
                                });
                            }
                        });
                    });
                    break;
                case "batchDelete":
                    var data = checkStatus.data;
                    if(data.length == 0){
                        layer.msg('请选择要删除的数据行');
                        return;
                    }
                    layer.confirm("确定要删除选中的数据吗？",function (index) {

                    })
                    break;
            }
        });


    });
</script>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">


    </div>
</script>
